<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>xmlGrd.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
    <link rel="stylesheet" type="text/css" href="../ext/resources/css/ext-all.css">
  <script type="text/javascript" src="../ext/adapter/ext/ext-base.js"></script>
  <script type="text/javascript" src="../ext/ext-all.js"></script>
  </head>
  
  <body>
    <div id="hello"></div>
  </body>
  <script type="text/javascript">
     var store = new Ext.data.Store({
        url:"hello.xml",
        reader:new Ext.data.XmlReader({record:"row"},["id","name","age","sex"])
     });
     var col = new Ext.grid.ColumnModel([
       {header:"编号",dataIndex:"id"},
       {header:"姓名",dataIndex:"name"},
       {header:"年龄",dataIndex:"age"},
       {header:"性别",dataIndex:"sex"}
     ]);
     Ext.onReady(function(){
        var grd =  new Ext.grid.GridPanel({
            title: "test123",
            renderTo: "hello",
	        width: 500,
	        height: 300,
	        cm:col,
	        store: store
        });
        store.load();
     });
  </script>
</html>
